<!DOCTYPE html>
{% load static %}
{% load jsonify %}
{% load rpdot %}
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">


    <script src="{{ js_config.js_lib.jquery }}"></script>
    <link rel="stylesheet" href="{{ js_config.js_lib.font_awesome }}">

    <script src="{{ js_config.js_lib.vuejs }}"></script>

    <link rel="stylesheet" href="{{ js_config.js_lib.bootstrap_css }}">
    <script src="{{ js_config.js_lib.bootstrap }}"></script>

    <script src="{{ js_config.js_lib.nice_validator }}"></script>
    <link rel="stylesheet" href="{{ js_config.js_lib.nice_validator_css }}">

    <!--<script src="https://cdn.bootcss.com/nice-validator/1.1.3/jquery.validator.min.js?local=zh-CN"></script>-->
    <!--<link href="https://cdn.bootcss.com/nice-validator/1.1.3/jquery.validator.min.css" rel="stylesheet">-->

    <script src="{{ js_config.js_lib.exfun }}"></script>
    <script src="{{ js_config.js_lib.director }}"></script>

    <!--<script src='{% static "js/exfun.pack.js" %}?t={{ js_stamp.exfun_pack_js }}'></script>-->
    <!--<script src='{% static "js/director.pack.js" %}?t={{ js_stamp.director_pack_js }}'></script>-->


    <!--<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">-->
    <!-- Font Awesome -->
    <!--<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">-->
    <!-- Ionicons -->
    <!--<link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">-->
    <!-- Theme style -->

    <script src="{{ js_config.js_lib.adminlte }}"></script>
    <link rel="stylesheet" href="{{ js_config.js_lib.adminlte_css }}">
    <link rel="stylesheet" href="{{ js_config.js_lib.adminlte_blue_css }}">

    <!--<link rel="stylesheet" href="https://cdn.bootcss.com/admin-lte/2.4.3/css/AdminLTE.min.css">-->
    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect. -->
    <!--<link rel="stylesheet" href="https://cdn.bootcss.com/admin-lte/2.4.3/css/skins/skin-blue.min.css">-->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <!--<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>-->
    <!--<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>-->
    <![endif]-->
{% block cus_head %}
    <title>Admin</title>
{% endblock %}
    <script src="{{ js_config.js_lib.nprogress }}"></script>
    <link rel="stylesheet" href="{{ js_config.js_lib.nprogress_css }}">
    <!--<script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>-->
    <!--<link href="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">-->
    <script>
        (function(){
            document.onreadystatechange = function(){
                NProgress.configure({ showSpinner: false });
                NProgress.start();
                console.log(document.readyState);
                if(document.readyState == "Uninitialized"){
                    NProgress.set(1);
                }
                if(document.readyState == "Interactive"){
                    NProgress.set(0.5);
                }
                if(document.readyState == "complete"){
                    NProgress.done();
                }
            }
        })();

        window.onbeforeunload=function(){
            NProgress.start();
            setInterval(function(){
                NProgress.inc()
            },300)

            if($('body').hasClass('sidebar-collapse')){
                sessionStorage.setItem("sidebar-collapse",true);
            }else{
                sessionStorage.removeItem("sidebar-collapse");
            }
        }
    </script>

    {% block head-script %}
    {% endblock %}
</head>


{% include 'director/reverse.html' %}


<script>
    Vue.config.devtools = true
    menu= {{menu| jsonify}}
    head_bar_data ={{head_bar_data | jsonify}}
    js_config = {{js_config | jsonify}}
    ex.assign(cfg.tr,js_config.tr)
    cfg.js_lib = js_config.js_lib

</script>

<body class="hold-transition skin-blue sidebar-mini">

{% block page_content %}
{% endblock %}


</body>

<script src="{{ js_config.js_lib.layer }}"></script>

<!--<script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>-->
<!--<script src="https://unpkg.com/vue-easytable/umd/js/index.js"></script>-->
<!--<link rel="stylesheet" href="https://unpkg.com/vue-easytable/umd/css/index.css">-->

<script src="{{ js_config.js_lib.element }}"></script>
<link rel="stylesheet" href="{{ js_config.js_lib.element_css }}">
<script src="{{ js_config.js_lib.md5 }}"></script>

<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
<!--<link href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" rel="stylesheet">-->
<!--<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>-->

{% for lib in extra_js %}
<script src='{{ lib }}'></script>
{% endfor %}
</html>